
.ssy-table {
    .title {
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100px;
    }
    .time {
        width: 155px;
    }
}

.diy-table-list {
    background-color: #fff;
    border-radius: 3px;
    list-style: none;
    min-height: 483px;
    clear: both;
    .diy-table-item-header {
        font-weight: 500;
        background-color: #f8f8f9;
        background-color: #f5f8fa;
        color: #7f8fa4;
        &:hover {
            background-color: #f5f8fa!important;;
            color: #7f8fa4!important;;
        }
    }
    .diy-table-body {
        font-size: 14px;
        color: #7f8fa4;
        a {
            color: #354052;
            font-weight: 500;
        }
        &>.diy-table-item:nth-child(odd){
            background:#fff;
            &:hover {
                background-color: #eff3f6;
            }
        }
        &>.diy-table-item:nth-child(even){
            background:#fbfbfb;
            background-color: rgba(230,234,238,.3);
            &:hover {
                background-color: #eff3f6;
            }
        }
    }
    .diy-table-item {
        padding-left: 10px;
        padding-right: 10px;
        line-height: 40px;
        min-height: 40px;
        .handle {
            display: none;
        }
        .ivu-btn-text-up-down[disabled]:hover {
            color: #cbcfd6;
        }
        .ivu-btn-text-up-down {
            color: #cbcfd6;
            &:hover {
                color: #26344b;
            }
        }
        &:hover {
            background-color: #eff3f6;
            .handle {
                display: block;
            }
        }
        &.is-open {
            background-color: #eff3f6!important;
            .children-list {
                display: block;
            }
        }
        .children-list {
            border-top: 1px solid #e6eaee;
            display: none;
            background-color: #eff3f6;
        }
        a:hover {
            color: #1998dd;
        }
    }
    
    thead th {
        border-bottom: 0;
    }
    td, th {
        font-size: .85rem;
        padding: 0;
        padding-left: .75rem;
        padding-right: .75rem;
        border: 0;
    }
}

.v-h {
    visibility: hidden;
}
.v-s {
    visibility: inherit;
}
label {
    margin-bottom: 0;
}
.over-h {
    overflow: hidden;
}
.over-h-e {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}